<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" th:href="@{/favicon.ico}">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet">
    <link th:href="@{/css/animate.css}" rel="stylesheet">
    <link th:href="@{/css/style.css}" rel="stylesheet">

    <link th:href="@{/self/self-common.css}" rel="stylesheet">
    <link th:href="@{/self/home.css}" rel="stylesheet">
    <!--zTree css引用-->
    <link th:href="@{/self/zTree/metroStyle.css}" rel="stylesheet"/>
    <style type="text/css">
        form#editWorkTable label {
            margin: 5px;
            width: 110px;
        }

        form#editWorkTable label input {
            margin-right: 5px
        }
    </style>
</head>

<body class="gray-bg skin-purple ">

<div class="wrapper wrapper-content">
    <div class="row">

        <!-- 个人工作台 -->
        <div class="col-sm-6">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>个人工作台</h3>
                    <div style="display: flex;justify-content: flex-end;height: 44px;align-items: center;margin-right: 10px;">
                        <button id="editWorkbench" class="btn btn-purple btn-sm" type="button">
                            <i class="fa fa-edit"></i>
                            编辑
                        </button>
                    </div>
                </div>

                <!--个人工作台弹窗-->
                <div class="modal inmodal fade" id="worktableModal">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">个人工作台编辑</h4>
                                <button type="button" class="close" data-dismiss="modal">×</button>
                            </div>
                            <div class="modal-body">
                                <div class="col-md-12">
                                    <form id="editWorkTable" action="">
                                        <!--                                        <label><input name="edit" type="checkbox" value="" />苹果</label>-->
                                        <!--                                        <label><input name="edit" type="checkbox" value="" />桃子</label>-->
                                        <!--                                        <label><input name="edit" type="checkbox" value="" />香蕉</label>-->
                                        <!--                                        <label><input name="edit" type="checkbox" value="" />梨</label>-->
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-white btn-close" data-dismiss="modal">取消</button>
                                <button type="button" class="btn btn-success btn-save" id="btnWorkbenchSave">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--个人工作台界面-->
                <div class="ibox-content" style="display: block" id="workbench">
                    <!--                                        <div class="workItem">-->
                    <!--                                            <div class="workItemImg">-->
                    <!--                                                <img th:src="@{/self/img/icon.png}">-->
                    <!--                                            </div>-->
                    <!--                                            <p></p>-->
                    <!--                                        </div>-->
                </div>
            </div>
        </div>

        <!--今日本月销售订单情况-->
        <div class="col-sm-6">
            <div class="ibox">
                <div class="ibox-content">
                    <div class="monthday">
                        <div class="day active" onclick="getOrderNumberDay()">今日</div>
                        <div class="month" onclick="getOrderNumberMonth()">本月</div>
                    </div>
                    <div class="orderNumber">
                        <div class="orderItem">
                            <p>工单总数</p>
                            <h1 id="orderNumberTotal"></h1>
                        </div>
                        <div class="orderItem">
                            <p>已完成</p>
                            <h1 id="doneOrderNumber"></h1>
                        </div>
                        <div class="orderItem">
                            <p>执行中</p>
                            <h1 id="unDoneOrderNumber"></h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--设备数量-->
        <div class="col-sm-6">
            <div class="ibox">
                <div class="ibox-content">

                    <div class="equipItem">
                        <div class="equipItemImg">
                            <img th:src="@{/self/img/icon.png}">
                        </div>
                        <div class="equipNumber">
                            <p>设备总数</p>
                            <h1 id="getAllDevice"></h1>
                        </div>
                    </div>

                    <div class="equipItem">
                        <div class="equipItemImg">
                            <img th:src="@{/self/img/icon.png}">
                        </div>
                        <div class="equipNumber">
                            <p>正在运行</p>
                            <h1 id="getDeviceByIsUsed"></h1>
                        </div>
                    </div>

                    <div class="equipItem">
                        <div class="equipItemImg">
                            <img th:src="@{/self/img/icon.png}">
                        </div>
                        <div class="equipNumber">
                            <p>未运行</p>
                            <h1 id="getDeviceByIsUsed0"></h1>
                        </div>
                    </div>

                    <div class="equipItem">
                        <div class="equipItemImg">
                            <img th:src="@{/self/img/icon.png}">
                        </div>
                        <div class="equipNumber">
                            <p>停用</p>
                            <h1 id="getDeviceByState"></h1>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!--订单数量-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>订单数量折线图</h3>
                </div>
                <div class="ibox-content">
                    <div class="chart">
                        <div id="chart_order" style="width:100%;height:250px"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--生产线情况-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>生产线情况</h3>
                </div>
                <div class="ibox-content">
                    <div class="chart">
                        <div id="chart_line" style="width:100%;height:250px"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--灌包设备使用情况-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>灌包设备使用情况</h3>
                </div>
                <div class="ibox-content">
                    <div class="chart">
                        <div id="chart_equip" style="width:100%;height:250px"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--当前配料任务待执行-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>当前配料任务</h3>
                </div>
                <div class="ibox-content">
                    <table class="task">
                        <thead>
                        <tr>
                            <th>任务编号</th>
                            <th>状态</th>
                            <th>计划人</th>
                        </tr>
                        </thead>

                        <tbody id="weighbatchOrderBody"></tbody>
                    </table>

                </div>
            </div>
        </div>

        <!--当前配制任务-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>当前配制任务</h3>
                </div>
                <div class="ibox-content">
                    <table class="task">
                        <thead>
                        <tr>
                            <th>任务编号</th>
                            <th>销售订单</th>
                            <th>状态</th>
                        </tr>
                        </thead>
                        <tbody id="configOrderBody"></tbody>
                    </table>

                </div>
            </div>
        </div>

        <!--当前灌包任务-->
        <div class="col-sm-4">
            <div class="ibox">
                <div class="ibox-title">
                    <h3>当前灌包任务</h3>
                </div>
                <div class="ibox-content">
                    <table class="task">
                        <thead>
                        <tr>
                            <th>任务编号</th>
                            <th>销售订单</th>
                            <th>状态</th>
                        </tr>
                        </thead>
                        <tbody id="packageOrderBody"></tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

</div>

<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/content.js}"></script>
<script th:src="@{/js/app.js}" type="text/javascript"></script>
<!--echarts-->
<script th:src="@{/js/plugins/echarts/echarts.min.js}"></script>
<script th:src="@{/js/plugins/sweetalert/sweetalert.min.js}"></script>

<!--zTree js引用-->
<script th:src="@{/self/zTree/jquery.ztree.all.min.js}"></script>

<script th:src="@{/js/plugins/layer/layer.min.js}"></script>

<script th:src="@{/self/js/common.js}"></script>
<script>
    // 展示个人工作台弹窗
    showWorkbenchTalbe();
    // 展示个人工作台主页
    showWorkbench();

    function showWorkbench() {
        PostWebApi("getWorkbenchByUser").done(function (data) {
            var html = '';
            if (data.code === 0) {
                $("#workbench").empty();
                for (var i = 0; i < data.data.length; i++) {
                    var allWorkbench = data.data[i];
                    var allPermissionName = allWorkbench.permissionName
                    var allPermissionUrl = allWorkbench.permissionUrl
                    var html = '';
                    html += "  <div class=\"workItem\">\n" +
                        "                        <div class=\"workItemImg\">\n" +
                        "                            <img src=\"/dazhi/self/img/icon.png\">\n" +
                        "                        </div>\n" +
                        "                        <a  href='javascript:void(0)'  onclick=\"createMenuItem('" + allPermissionUrl + "','" + allPermissionName + "','" + allWorkbench.permissionId + "','true')\">" + allPermissionName + "</a>\n" +
                        "                    </div>"
                    $("#workbench").append(html)
                    //href='" + allPermissionUrl + "'
                    $("#" + allPermissionName).prop("checked", "true")
                }
            }
        })
    }

    $("#editWorkbench").click(function () {
        showWorkbench()
        $("#worktableModal").modal()
    })

    /*个人工作台弹窗*/
    function showWorkbenchTalbe() {
        PostWebApi("getWorkbench").done(function (data) {
            var html = '';
            if (data.code === 0) {
                $("#editWorkTable").empty();
                for (var i = 0; i < data.data.length; i++) {
                    var allWorkbench = data.data[i];
                    var allPermissionName = allWorkbench.permissionName
                    var allPermissionUrl = allWorkbench.permissionUrl
                    html += '<label><input id="' + allPermissionName + '" name="edit" type="checkbox" data-url="' + allPermissionUrl + '" value="' + allPermissionName + '" />' + allPermissionName + '</label>'
                }
                $("#editWorkTable").append(html)
            }
        })
    }

    /*个人工作台选择确认后*/
    $("#btnWorkbenchSave").click(function () {
        $("#workbench").empty();
        var arrChecked = [];
        var arrUrl = [];
        var arrId = [];
        $("input:checkbox[name='edit']:checked").each(function (i) {
            arrChecked.push($(this).val());
            arrUrl.push($(this).attr("data-url"));
            arrId.push($(this).attr("id"))
        });
        if (arrChecked.length <= 12) {
            for (var k = 0; k < arrChecked.length; k++) {
                var html = "  <div class=\"workItem\">\n" +
                    "                        <div class=\"workItemImg\">\n" +
                    "                            <img src=\"/dazhi/self/img/icon.png\">\n" +
                    "                        </div>\n" +
                    "                        <a  href='javascript:void(0)'  onclick=\"createMenuItem('" + arrUrl[k] + "','" + arrChecked[k] + "','" + arrId[k] + "','true')\">" + arrChecked[k] + "</a>\n" +

                    "                    </div>"
                $("#workbench").append(html);
            }
            PostWebApi("addWorkbench", {
                urlArrays: arrUrl
            }).done(function (data) {
                if (data.code === 0) {
                    layer.msg(data.msg)
                    $("#worktableModal").modal('hide');
                } else {
                    layer.msg(data.msg)
                }
            });
        } else {
            alert("不能超过12个！");
        }
    })

    /*--------------------------------------------------------------------------------------------*/

    var chart_order, option_order, chart_equip, option_equip, chart_line, option_line;

    $(function () {
            //销售订单数量折线
            chart_order = echarts.init(document.getElementById('chart_order'));
            option_order = {
                grid: {
                    top: '15%',
                    bottom: '0%',
                    left: '0%',
                    right: '2%',
                    containLabel: true //自适应画布的大小
                },
                xAxis: {
                    type: 'category',
                    axisTick: {       //x轴刻度线
                        show: false,
                    },
                    axisLine: {      //x轴线
                        lineStyle: {
                            color: '#b4b4b4',
                        },
                    },
                    axisLabel: { //x轴文字
                        show: true,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                },
                yAxis: {
                    type: 'value',
                    name: '订单数(个)',
                    splitLine: {show: false}, //去除网格线
                    nameTextStyle: { //标题
                        color: '#b4b4b4',
                        padding: [0, 0, 10, 0]    // 四个数字分别为上右下左与原位置距离
                    },
                    axisLabel: {  //y轴文字
                        show: true,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                },
                series: [{
                    type: 'line', //去掉折线上面的小圆点
                    symbol: "none",
                    lineStyle: {  //折线样式
                        normal: {
                            width: 1
                        }
                    },
                    data: [150, 230, 224, 218, 135, 147, 260, 150, 230, 224, 218, 135],
                }]
            };
            $(window).resize(chart_order.resize);

            //生产线清空
            chart_line = echarts.init(document.getElementById('chart_line'));
            option_line = {
                legend: {},
                tooltip: {},
                grid: {
                    top: '15%',
                    bottom: '0%',
                    left: '0%',
                    right: '2%',
                    containLabel: true //自适应画布的大小
                },
                dataset: {
                    dimensions: ['state', '已完成', '未完成'],
                    source: [
                        {state: 'state', '已完成': 44, '未完成': 11},
                    ]
                },
                xAxis: {
                    type: 'category',
                    axisTick: {       //x轴刻度线
                        show: false,
                    },
                    axisLine: {      //x轴线
                        lineStyle: {
                            color: '#b4b4b4',
                        },
                    },
                    axisLabel: { //x轴文字
                        show: true,
                        interval: 0,
                        rotate: 40,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                },
                yAxis: {
                    name: '任务数(个)',
                    splitLine: {show: false}, //去除网格线
                    nameTextStyle: { //标题
                        color: '#b4b4b4',
                        padding: [0, 0, 10, 0]    // 四个数字分别为上右下左与原位置距离
                    },
                    axisLabel: {  //y轴文字
                        show: true,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                },
                series: [
                    {
                        type: 'bar',
                        barWidth: 15,
                        itemStyle: {
                            //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多
                            emphasis: {
                                barBorderRadius: 30
                            },
                            normal: {
                                //柱形图圆角，初始化效果
                                barBorderRadius: [20, 20, 0, 0],
                                color: '#428ef6',
                            }
                        }
                    },
                    {
                        type: 'bar',
                        barWidth: 15,
                        itemStyle: {
                            //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多
                            emphasis: {
                                barBorderRadius: 30
                            },
                            normal: {
                                //柱形图圆角，初始化效果
                                barBorderRadius: [20, 20, 0, 0],
                                color: '#428ef64d',
                            }
                        }
                    },
                ]
            };
            $(window).resize(chart_line.resize);

            //灌包设备使用情况
            chart_equip = echarts.init(document.getElementById('chart_equip'));
            option_equip = {
                legend: {},
                tooltip: {},
                grid: {
                    top: '15%',
                    bottom: '0%',
                    left: '0%',
                    right: '2%',
                    containLabel: true //自适应画布的大小
                },
                dataset: {
                    dimensions: ['state', '已完成', '未完成'],
                    source: [
                        {state: '包装线1', '已完成': 43.3, '未完成': 85.8},
                    ]
                },
                xAxis: {
                    type: 'category',
                    axisTick: {       //x轴刻度线
                        show: false,
                    },
                    axisLine: {      //x轴线
                        lineStyle: {
                            color: '#b4b4b4',
                        },
                    },
                    axisLabel: { //x轴文字
                        show: true,
                        interval: 0,
                        rotate: 40,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                },
                yAxis: {
                    name: '任务数(个)',
                    splitLine: {show: false}, //去除网格线
                    nameTextStyle: { //标题
                        color: '#b4b4b4',
                        padding: [0, 0, 10, 0]    // 四个数字分别为上右下左与原位置距离
                    },
                    axisLabel: {  //y轴文字
                        show: true,
                        textStyle: {
                            color: '#b4b4b4',
                        },
                    },
                },
                // Declare several bar series, each will be mapped
                // to a column of dataset.source by default.
                series: [
                    {
                        type: 'bar',
                        barWidth: 15,
                        itemStyle: {
                            //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多
                            emphasis: {
                                barBorderRadius: 30
                            },
                            normal: {
                                //柱形图圆角，初始化效果
                                barBorderRadius: [20, 20, 0, 0],
                                color: '#2bde73'
                            }
                        }
                    },
                    {
                        type: 'bar',
                        barWidth: 15,
                        itemStyle: {
                            //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多
                            emphasis: {
                                barBorderRadius: 30
                            },
                            normal: {
                                //柱形图圆角，初始化效果
                                barBorderRadius: [20, 20, 0, 0],
                                color: '#2bde734d'
                            }
                        }
                    },
                ]
            };
            $(window).resize(chart_equip.resize);
        }
    )

    getNumberBySalesYear();
    getDeviceNumber();
    getLineNumber();

    getOrderNumberDay();
    getDeviceCount();

    getWeighbatchOrder();
    getConfigOrder();
    getPackageOrder();

    <!-- 获取产线任务数 -->
    setInterval(getLineNumber, 1000 * 60 * 2);
    <!-- 获取灌包设备任务数 -->
    setInterval(getDeviceNumber, 1000 * 60 * 2);
    <!--获取当天工单数量-->
    setInterval(getOrderNumberDay, 1000 * 60 * 1);
    <!--获取设备数量-->
    setInterval(getDeviceCount, 1000 * 60 * 1);
    <!-- 获取当前称配料任务 -->
    setInterval(getWeighbatchOrder, 1000 * 60 * 1);
    <!-- 获取当前配置任务 -->
    setInterval(getConfigOrder, 1000 * 60 * 1);
    <!-- 获取当前包装任务 -->
    setInterval(getPackageOrder, 1000 * 60 * 1);

    <!--获取当年每月工单数量折线图-->
    function getNumberBySalesYear() {
        PostWebApi("getNumberBySalesYear").done(function (data) {
            var number = [];
            if (data.code === 0) {
                data.data.forEach(function (e) {
                    number.push(e.number)
                })
                option_order.series[0].data = number
                chart_order.setOption(option_order, true);
            }
        })
    }

    <!-- 获取产线与任务数 -->
    function getLineNumber() {
        PostWebApi("getPlanNumberByLine").done(function (data) {
            if (data.code === 0) {
                var chart_line_source = [];
                data.data.forEach(function (e) {
                    var chart_line_modle = {state: e.line_name, '已完成': e.doneNumber, '未完成': e.unDoneNumber}
                    chart_line_source.push(chart_line_modle);
                })
                option_line.dataset.source = chart_line_source;
                chart_line.setOption(option_line);
                $(window).resize(chart_line.resize);
            }
        });
    }

    <!-- 获取灌包设备与任务数 -->
    // function getDeviceNumber() {
    //     PostWebApi("getBaggingOrderAndDevice").done(function (data) {
    //         if (data.code === 0) {
    //             var chart_equip_source = [];
    //             var map = data.data;
    //             for (var key in map) {
    //                 var chart_equip_modle = {
    //                     state: key,
    //                     '已完成': map[key].number_done,
    //                     '未完成': map[key].number_unDone
    //                 }
    //                 chart_equip_source.push(chart_equip_modle);
    //             }
    //             option_equip.dataset.source = chart_equip_source;
    //             chart_equip.setOption(option_equip);
    //             $(window).resize(chart_equip.resize);
    //         }
    //     });
    // }

    <!--获取当天工单数量-->
    function getOrderNumberDay() {
        PostWebApi("getNumberByConfigDay").done(function (data) {
            if (data.code === 0) {
                var orderNumberTotal = 0;
                $("#unDoneOrderNumber").html(0);
                $("#doneOrderNumber").html(0);
                data.data.forEach(function (e) {
                    if (e.order_state == 2 || e.order_state == 3) {
                        orderNumberTotal += e.number
                        $("#unDoneOrderNumber").html(orderNumberTotal);
                    } else if (e.order_state == 4) {
                        orderNumberTotal += e.number
                        $("#doneOrderNumber").html(e.number);
                    }
                })
                $("#orderNumberTotal").html(orderNumberTotal);
            } else {
                layer.msg(data.msg);
            }
        })
    }

    <!--获取当月工单数量-->
    function getOrderNumberMonth() {
        PostWebApi("getNumberByConfigMonth").done(function (data) {
            if (data.code === 0) {
                var orderNumberTotal = 0;
                $("#unDoneOrderNumber").html(0);
                $("#doneOrderNumber").html(0);
                data.data.forEach(function (e) {
                    if (e.order_state == 2 || e.order_state == 3) {
                        orderNumberTotal += e.number
                        $("#unDoneOrderNumber").html(orderNumberTotal);
                    } else if (e.order_state == 4) {
                        orderNumberTotal += e.number
                        $("#doneOrderNumber").html(e.number);
                    }
                })
                $("#orderNumberTotal").html(orderNumberTotal);
            } else {
                layer.msg(data.msg);
            }
        })
    }

    <!--获取设备数量-->
    function getDeviceCount() {
        PostWebApi("getDeviceCount").done(function (data) {
            if (data.code === 0) {
                $("#getAllDevice").html(data.data.countAll);
                $("#getDeviceByIsUsed").html(data.data.countIsUsed);
                $("#getDeviceByIsUsed0").html(data.data.countIsUsed0);
                $("#getDeviceByState").html(data.data.countState);
            } else {
                layer.msg(data.msg);
            }
        })
    }

    <!-- 获取当前称配料任务 -->
    function getWeighbatchOrder() {
        PostWebApi("getNumberOrWeighbatchOrder").done(function (data) {
            if (data.code === 0) {
                $("#weighbatchOrderBody").html("");
                var html = "";
                for (var i = 0; i < data.data.length; i++) {
                    var weighbatchOrder = data.data[i];
                    var orderState = weighbatchOrder.order_state;
                    var orderStateMsg = ''
                    orderStateMsg = orderState == 1 ? "待执行" : "进行中"
                    html += " <tr>\n" +
                        "                          <td className=\"textBeyond\">" + weighbatchOrder.task_sn + "</td>\n" +
                        "                          <td className=\"textBeyond\"> " + orderStateMsg + "</td>\n" +
                        "                          <td className=\"textBeyond\">" + weighbatchOrder.fname + "</td>\n" +
                        "                      </tr>"
                }
                $("#weighbatchOrderBody").html(html);
            }
        })
    }

    <!-- 获取当前配置任务 -->
    function getConfigOrder() {
        PostWebApi("getNumberConfigOrder").done(function (data) {
            if (data.code === 0) {
                $("#configOrderBody").html("");
                var html = "";
                for (var i = 0; i < data.data.length; i++) {
                    var outConfigOrder = data.data[i];
                    var orderState = outConfigOrder.order_state;
                    var orderStateMsg = ''
                    orderStateMsg = orderState == 2 ? "已下发" : "生产中"
                    html += " <tr>\n" +
                        "                          <td className=\"textBeyond\">" + outConfigOrder.order_sn + "</td>\n" +
                        "                          <td className=\"textBeyond\"> " + outConfigOrder.sales_order_sn + "</td>\n" +
                        "                          <td className=\"textBeyond\">" + orderStateMsg + "</td>\n" +
                        "                      </tr>"
                }
                $("#configOrderBody").html(html);
            }
        })
    }

    <!-- 获取当前包装任务 -->
    // function getPackageOrder() {
    //     PostWebApi("getNumberOrPackageOrder").done(function (data) {
    //         if (data.code === 0) {
    //             $("#packageOrderBody").html("");
    //             var html = "";
    //             for (var i = 0; i < data.data.length; i++) {
    //                 var packageOrder = data.data[i];
    //                 var orderState = packageOrder.order_state;
    //                 var orderStateMsg = ''
    //                 orderStateMsg = orderState == 1 ? "待执行" : "执行中"
    //                 html += " <tr>\n" +
    //                     "                          <td className=\"textBeyond\">" + packageOrder.order_sn + "</td>\n" +
    //                     "                          <td className=\"textBeyond\"> " + packageOrder.sales_order_sn + "</td>\n" +
    //                     "                          <td className=\"textBeyond\">" + orderStateMsg + "</td>\n" +
    //                     "                      </tr>"
    //             }
    //             $("#packageOrderBody").html(html);
    //         }
    //     })
    // }

</script>

<!--日月切换-->
<script>
    $(".monthday>div").click(function () {
        $(".monthday>div").removeClass("active");
        $(this).addClass("active");
    })
    $(".monthday .day").click(function () {

    })
    $(".monthday .month").click(function () {

    })
</script>


</body>

</html>